<template>
    <div class="templates-view">
        <h2>模板库</h2>
        <div class="templates-container">
            <div class="filters">
                <!-- 筛选器将在这里 -->
            </div>
            <div class="template-list">
                <!-- 模板列表将在这里 -->
                <template-list />
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import TemplateList from '@/components/templates/TemplateList.vue'
</script>

<style scoped>
.templates-view {
    padding: 20px;
}

.templates-container {
    margin-top: 20px;
}

.filters {
    margin-bottom: 20px;
}

.template-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}
</style> 